* {
  padding: 0px;
  list-style: none;
}
table {
  border: solid 1px #ddd;
  width: 800px;
}
table tbody tr:nth-child(odd) td:nth-child(even) {
  background-color: red;
  color: white;
}
table tbody tr,
table tbody td {
  border: solid 1px #ddd;
  text-align: center;
}
table tbody tr:hover {
  background-color: blue;
  color: white;
}
table tbody tr:hover td:nth-child(even) {
  background-color: blue;
  color: white;
}
div span {
  display: block;
  float: left;
  padding-left: 5px;
}
div span img {
  border-radius: 5px;
}
div input[type='checkbox'] {
  display: none;
}

div input[type='checkbox']:checked + div.yc {
  display: block;
}
div .yc {
  display: none;
}
